<template>
 <div @click="$router.push('/Seelist')">
     <header>全民砍价&emsp;&emsp;&emsp;&emsp;&emsp;&gt;</header>
     <van-card
        num="2"
        price="2.00"
        :desc="obj.characteristic"
        :title="obj.name"
        :thumb="obj.pic">
        <template v-slot:price>
            <ul class="price">
                <li>
                    <p>￥0.9</p>
                    <p>底价</p>
                </li>
                <li>
                    <p>￥0.9</p>
                    <p>底价</p>
                </li>
            </ul>
        </template>
        </van-card>
 </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      obj: {}
    };
  },
  mounted() {
    this.getList();
  },
  methods: {
    async getList() {
      let { data: res } = await this.$http.get(
        "https://api.it120.cc/small4/shop/goods/kanjia/list"
      );
      // console.log(res);
      this.obj = res.data.goodsMap[99764];
    }
  },
  computed: {},
  watch: {}
};
</script>

<style scoped>
.price {
  list-style: none;
  display: flex;
  width: 100%;
}
.price > li {
  flex: 1;
}
.price > li > p {
  text-align: center;
}
.price > li > p:nth-child(1) {
  text-align: center;
  color: red;
}
header {
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px black solid;
}
</style>